	<div class="back">
		<div class="head">
			<router-link tag="div" to="/login" class="rou"> < </router-link>
			<div class="zl">密码找回</div>
		</div>
		<div class="con">
			<div class="tx"></div>
			<form>
				<!--<i class="iconfont icon-daohangshouye font"></i>-->
				<el-input v-model="input" placeholder="输入手机号"></el-input>
			</form>
			<form>
				<!--<i class="iconfont icon-daohangshouye font"></i>-->
				<el-input v-model="input" placeholder="输入验证码"></el-input>
				<el-input placeholder="输入手机号"></el-input>
			</form>
			<form>
				<!--<i class="iconfont icon-daohangshouye font"></i>-->
				<el-input placeholder="输入验证码"></el-input>
				<div class="hq">获取验证码</div>
			</form>
			<form>
				<!--<i class="iconfont icon-daohangshouye font"></i>-->
				<el-input v-model="input" placeholder="输入密码"></el-input>
			</form>
		</div>
		<div class="aa">6~24位字母数字组合</div>
		<div class="btn">注册</div>
				<el-input placeholder="输入密码"></el-input>
			</form>
		</div>
		<div class="aa">6~24位字母数字组合</div>
		<div class="btn">提交</div>
	</div>
</template>

<script>
	export default{
		name:"back",
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="less">
	.back{
		.con{
			/*padding-left: 55/50rem;*/
			background: #fff;
		}
		.head{
			background: #3AAE95;
			overflow: hidden;
			height: 50/50rem;
			line-height: 50/50rem;
			div{
				float: left;
				font-size: 20/50rem;
				color:#fff;
			}
			.rou{
				margin-left: 10/50rem;
			}
			.zl{
				margin-left: 130/50rem;
			}
			.sx{
				margin-left: 80/50rem;
			}
		}
		.aa{
			font-size: 14/50rem;
			color:#757575;
			margin-top: 10/50rem;
			margin-left: 15/50rem;
		}
		.btn{
			font-size: 16/50rem;
			color:#fff;
			width: 350/50rem;
			background: #3AAE95;
			height: 50/50rem;
			line-height: 50/50rem;
			border-radius: 10/50rem;
			text-align: center;
			margin: 20/50rem auto;
		}
		.con{
			/*position: absolute;*/
			/*top: 150/50rem;
			left: 55/50rem;*/
			.zc{
				margin-top: 10/50rem;
				font-size: 16/50rem;
				color:#fff;
				span{
					color:#3AAE95;
				}
			}
			.tx{
				/*width: 100/50rem;
				height: 100/50rem;
				background: #fff;
				border-radius: 50%;
				margin: 0 auto;*/
			}
			.el-input__inner{
				width: 100%;
				background: #fff;
				color: #fff;
			}
			form{
				position: relative;
			}
			.hq{
				color:#3AAE95;
				border: 1/50rem solid #3AAE95;
				border-radius: 20/50rem;
				font-size: 13/50rem;
				padding: 3/50rem 10/50rem;
				position: absolute;
				right: 10/50rem;
				top: 35/50rem;
			}
		}
	}
</style>